import React from 'react';
import classnames from 'classnames';
import styles from './index.less';

const Footer: React.FC = () => {
  return (
    <div id="botContainer" className={styles.botContainer}>
      <div id="auroraDiaBody" className={styles.auroraDiaBody}>
        <div id="auroraDiaTipsWrapper" className={styles.auroraDiaTipsWrapper}>
          <div id="Aurora-Dia--tips" className={styles.auroraDiaTips}>
            早上好呀～
          </div>
        </div>
        <div id="Aurora-Dia" className={styles.auroraDia}>
          <div id="Aurora-Dia--eyes" className={styles.auroraDiaEyes}>
            <div
              id="Aurora-Dia--left-eye"
              className={classnames(styles.auroraDiaEye, styles.left)}
            />
            <div
              id="Aurora-Dia--right-eye"
              className={classnames(styles.auroraDiaEye, styles.right)}
            />
          </div>
        </div>
        <div className={styles.auroraDiaPlatform} />
      </div>
    </div>
  );
};

export default Footer;
